<template>
 <div class='home'>
     <header class="header">
         <span></span>
         <h1>数据流转报表</h1>
     </header>

     <div class="centent">
         <div class="line">
         </div>
         <div class="contentheader">
             <HeaderList />
         </div>

         <div class="strongline">
         </div>

         <div class="echarts">
             <echartsFrom />
         </div>

         <div class="strongline">
         </div>

         <div class="rwfrom">
             <rwfrom />
         </div>

         <div class="strongline"></div>

         <div class="fromfooter">
             <fromFooter />
         </div>

         <div class="strongline">
         </div>
         <div class="strongline">
         </div>
     </div>
     
 </div>
</template>

<script>
import HeaderList from "@/components/headerList.vue"
import echartsFrom from "@/components/echartsFrom.vue"
import rwfrom from "@/components/rwfrom.vue"
import fromFooter from "@/components/formfooter.vue"
   export default {
      data() {
          return {

          }
      },
      //生命周期 - 创建完成
     created(){ 
       
     },

     //DOM挂载完毕
     mounted() {

     },
     components: {
         HeaderList,
         echartsFrom,
         rwfrom,
         fromFooter
     },
      methods: {


      },
 }
</script>

<style lang='less' scoped>
.home{
    width: 1200px;
    margin: 0 auto;
    background-image: linear-gradient(60deg, #011977 0%, #08297f 37%, #4ec5ce 65%, #5be2dc 100%);
    .header{
        height: 60px;
        // line-height: 60px;
        display: flex;
        align-items: center;
        span{
            display: inline-block;
            width: 3px;
            height: 20px;
            background-color: #0adac5;
            margin-left:21px
        }
        h1{
            display: inline-block;
            color: #fff;
        font-size: 20px;
        font-weight: 700;
        margin-left: 10px;
        }
    }

    .centent{
        background-color: #fcfcfc;
        .line{
            margin-top: 20px;
            height: 12px;
            background-color: #f8f8f8;
            border-bottom: 0.5px solid #f1f1f1;
        }
        .contentheader{
            width: 100%;
        }
        .strongline{
            // margin-top: 20px;
            height: 10px;
            background-color: #f1f1f1;
        }
        .echarts{
            min-height: 378px;
        }

        .rwfrom{
            // min-height: 378px;
        }
    }
}

</style>